<template>
  <div>
    <div>过渡和动画的test： <animation-test /></div>
    <br />
    <div>过渡class： <AnimationTest2 /></div>
    <br />
    <div>动画class： <AnimationTest3 /></div>
    <br />
    <div>自定义类名结合animate.css： <AnimationTest3 /></div>
    <br />
    <div>javascript钩子： <AnimationTest5 /></div>
    <br />
    <div>javascript钩子2： <AnimationTest6 /></div>
    <br />
    <div>javascript钩子3： <AnimationTest7 /></div>
    <br />
    <div>列表过渡1： <AnimationTest8 /></div>
    <br />
    <div>列表排序过渡： <AnimationTest9 /></div>
    <br />
    <div>列表的交错过渡： <AnimationTest10 /></div>
    <br />
    <div>列表的交错过渡： <AnimationTest11 /></div>
    <br />
    <div>状态过渡1： <AnimationTest12 /></div>
    <br />
    <div>状态过渡2： <AnimationTest13 /></div>
    <br />
    <div>状态过渡3： <AnimationTest14 /></div>
    <br />
  </div>
</template>

<script>
import AnimationTest from "./components/AnimationTest.vue";
import AnimationTest2 from "./components/AnimationTest2.vue";
import AnimationTest3 from "./components/AnimationTest3.vue";
import AnimationTest4 from "./components/AnimationTest4.vue";
import AnimationTest5 from "./components/AnimationTest5.vue";
import AnimationTest6 from "./components/AnimationTest6.vue";
import AnimationTest7 from "./components/AnimationTest7.vue";
import AnimationTest8 from "./components/AnimationTest8.vue";
import AnimationTest9 from "./components/AnimationTest9.vue";
import AnimationTest10 from "./components/AnimationTest10.vue";
import AnimationTest11 from "./components/AnimationTest11.vue";
import AnimationTest12 from "./components/AnimationTest12.vue";
import AnimationTest13 from "./components/AnimationTest13.vue";
import AnimationTest14 from "./components/AnimationTest14.vue";
export default {
  components: {
    AnimationTest,
    AnimationTest2,
    AnimationTest3,
    AnimationTest4,
    AnimationTest5,
    AnimationTest6,
    AnimationTest7,
    AnimationTest8,
    AnimationTest9,
    AnimationTest10,
    AnimationTest11,
    AnimationTest12,
    AnimationTest13,
    AnimationTest14,
  },
};
</script>

<style>
</style>